<template>
    <div>
        {{value}}
        <button @click='changeName'>change</button>
    </div>
</template>
<script>
export default {
    props:{
        value:{
            type:String,
            default:'哈哈',
        }
    },
    methods:{
        changeName(){
            // 危险，不推荐
            console.log(this.$parent)
            // v-model: :value @input   有风险，怕重名，但好用
            this.$emit('input','是不是呀')
        }
    }
}
</script>
<style lang="scss">
// >>>深度选择器 在scss里使用

</style>